<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        <script src="../../../../libs/layui/layui.js"></script>
        <link rel="stylesheet" href="../../../../libs/layui/css/layui.css" />
        <title>Layui - 多种表格风格 (v2.6.8)</title>
    </head>
    <body style="padding: 15px; background-color: #f6f6f6">
        <table class="layui-table" lay-skin="line">
            <colgroup>
                <col width="150" />
                <col width="200" />
                <col />
            </colgroup>
            <thead>
                <tr>
                    <th>昵称</th>
                    <th>加入时间</th>
                    <th>签名</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>贤心</td>
                    <td>2016-11-29</td>
                    <td>人生就像是一场修行</td>
                </tr>
                <tr>
                    <td>许闲心</td>
                    <td>2016-11-28</td>
                    <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                </tr>
                <tr>
                    <td>sentsin</td>
                    <td>2016-11-27</td>
                    <td>Life is either a daring adventure or nothing.</td>
                </tr>
            </tbody>
        </table>
        <table class="layui-table" lay-skin="row">
            <colgroup>
                <col width="150" />
                <col width="200" />
                <col />
            </colgroup>
            <thead>
                <tr>
                    <th>昵称</th>
                    <th>加入时间</th>
                    <th>签名</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>贤心</td>
                    <td>2016-11-29</td>
                    <td>人生就像是一场修行</td>
                </tr>
                <tr>
                    <td>许闲心</td>
                    <td>2016-11-28</td>
                    <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                </tr>
                <tr>
                    <td>sentsin</td>
                    <td>2016-11-27</td>
                    <td>Life is either a daring adventure or nothing.</td>
                </tr>
            </tbody>
        </table>
        <table class="layui-table" lay-even="" lay-skin="nob">
            <colgroup>
                <col width="150" />
                <col width="200" />
                <col />
            </colgroup>
            <thead>
                <tr>
                    <th>昵称</th>
                    <th>加入时间</th>
                    <th>签名</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>贤心</td>
                    <td>2016-11-29</td>
                    <td>人生就像是一场修行</td>
                </tr>
                <tr>
                    <td>许闲心</td>
                    <td>2016-11-28</td>
                    <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                </tr>
                <tr>
                    <td>sentsin</td>
                    <td>2016-11-27</td>
                    <td>Life is either a daring adventure or nothing.</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
